import { Text, ScrollArea, CloseButton, Group, Button } from "@mantine/core";
import { useLocation } from "react-router-dom";
import { usePageTabManagementContext } from "@/components/PageTabManagementProvider";
import { useHotkeys } from "@mantine/hooks";

function PageLayout({ title, children }) {
  const location = useLocation();

  return (
    <>
      <ScrollArea h={"100%"} type="auto" p={"2rem"}>
        <Group justify="space-between" align="center" mb={40}>
          <Text size={"xl"} fs="italic">
            {title}
          </Text>
        </Group>

        {children}
      </ScrollArea>
    </>
  );
}

export default PageLayout;
